<template>
    <!-- 查看图片 -->
    <el-dialog :visible.sync="dialogTableVisible80" :show-close="true" :center="true" :before-close="beforeClose">
        <div class="preVue flex_center align_center text_center">
            <img :src="previewUrl" style="min-width: 50px; max-width: 500px;  height: auto;">
        </div>
    </el-dialog>
</template>

<script>
export default {
    props: {
        previewUrl: {
            type: String,
            default: ""
        },
        dialogTableVisible80: {
            type: Boolean,
            default: false
        }
    },
    methods:{
        beforeClose(){
            this.$emit("beforeClose")
        }
    }
}
</script>

<style lang="less" scoped>
:deep(.el-dialog) {
    width: 600px !important;
    height: 100vh !important;
    background: rgba(255,255,255,1);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
:deep(.el-dialog__header) {
    padding: 0 !important;
}
:deep(.el-dialog__body) {
    padding: 0 !important;
}
.preVue {
    width: 600px !important;
    height: 100vh !important;
    overflow: scroll;
}
.preVue::-webkit-scrollbar {
    width: 0;
    height: 0;
}
</style>